@charset "UTF-8";
body {
    background: #eeeeee;
}
.page {
    margin-top: 0.95rem;
    background: #ffffff;
    padding-bottom: 0.55rem;
    .main {
        margin-top: 0.05rem;
        background: #ffffff;
        .item {
            border-bottom: 1px solid #eeeeee;
            padding: 0 0.1rem;
            &:last-child {
                border-bottom: none;
            }
            .item-left {
                float: left;
                width: 64%;
                .title {
                    padding-top: 0.15rem;
                    color: #1082ff;
                    font-size: 0.12rem;
                    .round {
                        width: 0.15rem;
                        height: 0.15rem;
                        border-radius: 50%;
                        background: #1082ff;
                        display: inline-block;
                    }
                    .text {
                        position: relative;
                        top: -0.03rem;
                    }
                }
                .keyword {
                    font-size: 0.15rem;
                    color: #0f2138;
                    padding-top: 0.08rem;
                    min-height: 0.5rem;
                    line-height: 0.225rem;
                }
                .infos {
                    color: #cccccc;
                    font-size: 0.1rem;
                    padding-bottom: 0.15rem;
                    .font {
                        font-style: normal;
                        font-size: 0.1rem;
                        color: #ffffff;
                        width: 0.125rem;
                        height: 0.125rem;
                        background: #eb4d5c;
                        text-align: center;
                        display: inline-block;
                        border-radius: 0.015rem;
                        line-height: 0.125rem;
                        margin-right: 0.05rem;
                    }
                    .font-red {
                        background: #eb4d5c;
                    }
                    .font-yellow {
                        background: #ffa235;
                    }
                    span {
                        margin-right: 0.02rem;
                    }
                    i {
                        font-style: normal;
                        width: 0.225rem;
                        height: 0.125rem;
                        display: inline-block;
                        text-align: center;
                        line-height: 0.125rem;
                        background: #eeeeee;
                        font-size: 0.09rem;
                        border-radius: 0.015rem;
                        position: relative;
                        top: -1px;
                    }
                }
            }
            .item-left.no-img {
                width: 80%;
            }
            .item-right.no-img {
                width: 20%;
            }
            .item-right {
                width: 32%;
                float: right;
                text-align: right;
                .more {
                    text-align: right;
                    span {
                        display: inline-block;
                        width: 0.025rem;
                        height: 0.025rem;
                        background: #999999;
                    }
                }
                .right-img {
                    padding: 0.05rem 0 0.15rem 0;
                    img {
                        width: 1rem;
                        height: 0.7rem;
                    }
                }
            }
        }
    }
}